<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
<title>驴友点评</title>
<link rel="stylesheet" type="text/css" href="css/myorder.css">
<script type="text/javascript">
var f=0;
function to(t){
	var j=t?t:f;
	for(var i=0;i<5;i++){
		$("#xing>li>a>img").eq(i).attr("src","http://www.16u.com/p/mobile/images/star_"+(i<j?"1":"2")+".png");
	}
}
function be(e){
	if(!e)e=event; 
    var target = e.srcElement||e.target;
    if(target.tagName=="IMG"){
		$("#xing>li>a>img").each(function(i,t){
			to(i+1);
			if(target==t)return false;
		});
	}
}
function ch(e){
	if(!e)e=event; 
    var target = e.srcElement||e.target;
    if(target.tagName=="IMG"){
		$("#xing>li>a>img").each(function(i,t){
			if(target==t){
				f=i+1;
				$("#fen").val(f);
				return false;
			}
		});
	}
}
function good(g){
	$("#g").attr("src","http://www.16u.com/p/mobile/images/zan_"+(g?"":"u")+"1.png");
	$("#b").attr("src","http://www.16u.com/p/mobile/images/zan_"+(g?"u":"")+"2.png");
	$("#tui").val(g)
}
</script>
<script src="../mobile/js/jquery-1.7.2.js"></script>
</head>

<body>
    <!--头部-->
    <header>
        <section class="header"><h4>驴友点评</h4></section>
    </header>
    <!--头部END-->
    <!--我的订单-->
    <div class="myorder">
        <section class="my_star">
            <ul id="xing" onMouseOut="to()" onMouseOver="be(event)" onClick="ch(event)">
                <li><a href="###"><img src="http://www.16u.com/p/mobile/images/star_2.png"></a></li>
                <li><a href="###"><img src="http://www.16u.com/p/mobile/images/star_2.png"></a></li>
                <li><a href="###"><img src="http://www.16u.com/p/mobile/images/star_2.png"></a></li>
                <li><a href="###"><img src="http://www.16u.com/p/mobile/images/star_2.png"></a></li>
                <li><a href="###"><img src="http://www.16u.com/p/mobile/images/star_2.png"></a></li>
            </ul>
        </section>
        <section class="my_up">
            <ul>
                <li><a href="###" onClick="good(1)"><img id="g" src="http://www.16u.com/p/mobile/images/zan_1.png"><br />赞</a></li>
                <li><a href="###" onClick="good(0)"><img id="b" src="http://www.16u.com/p/mobile/images/zan_u2.png"><br />不赞</a></li>
            </ul>
		</section>
		<!--点评内容开始-->
        <form>
            <section class="title">
                <section class="title_text"><h2>点评</h2></section>
            </section>
            <textarea name="com_content" class="my_message"></textarea>
            <a href="###" onClick="$('form').submit()"><section class="my_but">提交评论</section></a>
        </form>
        <!--点评内容结->
    </div>
    <!--我的订单END-->
    <!--底部导航-->
    <nav class="nav">
    	<ul>
        	<li><a href="#"><img src="images/img_nav1.png" /><br />景区门票</a></li>
            <li><a href="#"><img src="images/img_nav2.png" /><br />订单管理</a></li>
            <li><a href="#" class="act"><img src="images/img_nav3.png" /><br />驴友点评</a></li>
        </ul>
    </nav>
    <!--底部导航END--->
</body>
</html>
